<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>

    export default {
        name: 'app',
        components: {},
        created() {
            this.$store.dispatch("saveAll", [
                {name: "vuex.web.window.width", value: document.documentElement.clientWidth},
                {name: "vuex.web.window.height", value: document.documentElement.clientHeight}
            ])
        },
        mounted() {
            window.onresize = () => {
                return (() => {
                    this.$store.dispatch("saveAll", [
                        {name: "vuex.web.window.width", value: document.documentElement.clientWidth},
                        {name: "vuex.web.window.height", value: document.documentElement.clientHeight}
                    ])
                })();
            };
        }
    };
</script>

<style>
    @import url("assets/common.css");
    @import url("assets/font-awesome-4.7.0/css/font-awesome.min.css");
</style>
